import React, { Component } from 'react';
import {
	StyleSheet, Image, TouchableOpacity, Platform
} from "react-native";
import { GLOBAL } from '../../config/global';

const scale = GLOBAL.SCALE;
export class PageHeadCloes extends Component {
	constructor(props) {
		super(props);
	}

	render () {
		let { callBack, imgStyle } = this.props;
		return (
			<TouchableOpacity style={styles.topTouch} onPress={callBack}>
				<Image style={[styles.topImg, imgStyle]} source={require('../../imgs/close.png')} />
			</TouchableOpacity>
		)
	}
}

const styles = StyleSheet.create({
	topTouch: {
		width: 36 * scale,
		height: 36 * scale,
		paddingLeft: 5 * scale,
		justifyContent: 'center',
		marginTop: Platform.OS === 'ios' ? 34 * scale : 10 * scale,
	},
	topImg: {
		width: 16 * scale,
		height: 16 * scale,
	},
})